Async React
https://async-react.dev/
Async React
とはアプリケーションをデフォルトで非同期とみなして構築する
React 19
からの考え方
await UI = await f(await state)
Async React
により更なる
UX
の最適化を実現する
画面のチラつきや、要素が突然
ポップイン
するといった不快な挙動を排除
実現のために数々の
API
を必要とする
Transitions
,
Suspense
,
useOptimistic
,
ViewTransitions
これらの
API
を手動で組み合わせていくのは
state
の増加など過度な複雑性を持ち込むので、
React
コミュニティ
と強調して抽象化していく
React 19時代のコンポーネント設計ベストプラクティス - Speaker Deck